@import tool.ReportPojo.ReportData
@(data: ReportData)

<style>
		.bSpan {
			display: inline-block;
			width: 12px;
			text-align: center;
		}

</style>

<div class="mulu" style="width: 20%;
	float: left;
	position: fixed;
	top: 115px;
	left: 7px;
	height: 28px;">
	<div style="width: 92%;
		border-radius: 3px;
		text-align: center;
		height: 28px;
		vertical-align: center;
		padding-top: 0px;">
		<span style="width: 60px">
			<a href="javascript:void(0);" id="zhankai" style="">
				<b>展开目录</b>
			</a>
		</span>

		<a href="#" id="kaiguan" style="">
			<b><<</b>
		</a>
	</div>

</div>

<div id="left" style="width: 20%;
	float: left;
	position: fixed;
	top: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 720px;
	display: block;
	left: 7px">

	<div class="singleMenu lanmu-list">
		<a href="#项目简介" class="项目简介">Project Summary</a>

	</div>

	@if(data.outerData.hasQc) {
		<div class="title">
			<a href="javascript:void(0)" class="shouqi" id="qc">
				<span class="bSpan"><b>+</b></span>
			</a>
			<a href="#质量控制" class="shouqi_2" >Quality Control</a>
		</div>
		<div class="lanmu-content" style="display: none">
			<dl class="lanmu-list">

				<dd><a href="#多变量质控图" id="raw_data">Multivariate Control Chart</a></dd>
				<dd><a href="#QC样本间相关性" id="qc02Left">Correlation Between QC Samples</a></dd>
				<dd><a href="#样本代谢轮廓变异" id="qc03Left">Metabolic Profile Variation</a></dd>
				<dd><a href="#代谢物鉴定及注释情况" id="qc04Left">Metabolite Annotation and Classification</a></dd>

			</dl>
		</div>
	}

		<div class="title">
			<a href="javascript:void(0)" class="shouqi">
				<span class="bSpan"><b>+</b></span>
			</a>
			<a href="javascript:void(0)" class="shouqi_2" onclick="$('html,body').animate({scrollTop: $('#分析结果').offset().top}, 100);
			return false;">Results</a>
		</div>
		<div class="lanmu-content" style="display: none">
			<dl class="lanmu-list">

			@for(i <- data.treats.indices) {
				<div class="title">
					<a href="javascript:void(0)" class="shouqi" id="@data.treats(i)">
						<span class="bSpan"><b>+</b></span>
					</a>
					<a href="javascript:void(0)" class="shouqi_2" onclick="$('html,body').animate({scrollTop: $('#Group A VS Group B').offset().top}, 100);
					return false;">@data.treats(i)</a>
				</div>
				<div class="lanmu-content" style="display: none">
					<dl class="lanmu-list">
						<dd><a href='#@(data.treats(i))代谢物分类总览' id="@(data.treats(i))BasicLeft">Metabolite Classes Summary</a></dd>
						<dd><a href='#@(data.treats(i))多维统计分析' id="@(data.treats(i))MulLeft">Multi-dimensional Statistics</a></dd>
						<dd><a href='#@(data.treats(i))单维统计分析' id="@(data.treats(i))SingleLeft">Univariate Statistics</a></dd>
						<dd><a href='#@(data.treats(i))潜在生物标志物筛选' id="@(data.treats(i))BiomarkerLeft">Potential Biomarker Selection</a></dd>
						@if(data.configDatas(i).isIPathExec || data.configDatas(i).isEnrichExec || data.configDatas(i).isPathwayExec) {
							<dd><a href='#@(data.treats(i))通路分析' id="@(data.treats(i))PathwayLeft">Pathway Analysis</a></dd>
						}
						@if(data.configDatas(i).isCor || data.configDatas(i).isSelfCor || data.configDatas(i).isParCor) {
							<dd><a href='#@(data.treats(i))Spearman相关性分析' id="@(data.treats(i))CorLeft">
								Spearman Correlation Analysis</a></dd>
						}
						@if(data.configDatas(i).isParCor) {
							<dd><a href='#@(data.treats(i))偏相关分析' id="@(data.treats(i))ParCorLeft">Partial Correlation Analysis</a></dd>
						}
						@if(data.configDatas(i).isDiagnoseExec) {
							<dd><a href='#@(data.treats(i))诊断结果' id="@(data.treats(i))DiagnoseLeft">Prediction and Diagnosis Model</a></dd>
						}
					</dl>
				</div>
			}

			</dl>
		</div>

		<div class="title">
			<a href="javascript:void(0)" class="shouqi" id="leftSummary">
				<span class="bSpan"><b>+</b></span>
			</a>
			<a href="#summary" class="shouqi_2">Results Summary by Treat</a>
		</div>
		<div class="lanmu-content" style="display: none">
			<dl class="lanmu-list">
				<dd><a href='#差异代谢物汇总' id="sigMetLeft">Differential Metabolites</a></dd>
				@if(data.configDatas(0).isSelfCor) {
					<dd><a href='#显著自相关代谢物汇总' id="selfCorLeft">Statistically Significantly Pairs in Intra Correlation Analysis</a></dd>
				}
				@if(data.configDatas(0).isCor) {
					<dd><a href='#显著相关性对子汇总' id="uploadCorLeft">Statistically Significantly Pairs in Inter Correlation Analysis </a></dd>
				}
				@if(data.configDatas(0).isParCor) {
					<dd><a href='#显著偏相关对子汇总' id="parCorLeft">Statistically Significantly Pairs in Partial Correlation Analysis </a></dd>
				}
</dl>
</div>

	<div class="singleMenu lanmu-list">
		<a href="#简介" class="简介">简介</a>
	</div>

</div>




